<template>
  <div class="van-coupon-item">
    <div class="van-coupon-item__head">
        <div class="van-coupon-item__lines"></div>
            <div class="van-coupon-item__gradient">
                <h2><span>¥</span> {{denominations}}</h2>
                <p>{{origin_condition}}</p>
            </div>
        </div>
        <div class="van-coupon-item__body">
            <h2>{{name}}</h2>
            <span>{{start_at|date}}-{{end_at|date}}</span>
        </div>
    </div>
</template>
<script>
export default {
  name: 'coupon-item',
  comments: 'coupon-item',
  props: {
    denominations: Number,
    origin_condition: Number,
    value: Number,
    reason: String,
    discount: Number,
    available: Number,
    name: String,
    start_at: Number,
    end_at: Number
  },
  data () {
    return {
    }
  },
  created () {
  },
  methods: {

  }
}
</script>
<style lang="postcss" scoped>

</style>
